<template>
  <div :class="className">
    <!--新盲盒组件-->
    <p style="text-align: center;font-weight: bold;margin: 0;line-height: 32px;color: red;">需保存后在移动端预览效果，仅且只放置新盲盒组件</p>
    <img style="width:101%;" src="../../../resource/images/U_newBlindBox.png" alt="" />
  </div>
</template>

<script>
	export default {
		data() {
			return {};
		},
		props: ["id", "datas", "styles"],
		computed: {
			css() {
				return "<style>" + css.call(this) + "</style>";
			},
			className() {
				const name = ["component-wrapper", `component-${this.id}`];
				return name;
			},
		},

		methods: {},

  	mounted() {},
	};
</script>

<style lang="less" scoped>
  // 默认
  .component-wrapper {
    width: 375px;
  }

</style>
